<template>
	<view class="main">
		<view class="top-title">
			<text class="top-title-name">{{information.patientName}}</text>
			<u-line direction="col" margin=" 0rpx 20rpx 0 20rpx" length="32rpx" color="#999999"></u-line>
			<text class="top-title-age">{{information.patientGender}}</text>
			<u-line direction="col" margin=" 0rpx 20rpx 0 20rpx" length="32rpx" color="#999999"></u-line>
			<text class="top-title-sex">{{information.patientAge}}岁</text>
		</view>
		<!-- 编号等信息 -->
		<view class="top-content">
			<!-- 参保情况 -->
			<view class="participationStatus">
				<view class="participationStatus-title">
					参保情况
				</view>
				<view class="participationStatus-number">
					{{information.participationStatus}}
				</view>
			</view>
			
			<!-- 医保类型 -->
			<view class="numbering">
				<view class="numbering-title">
					医保类型
				</view>
				<view class="numbering-number">
					{{information.medicalNumber ? information.medicalNumber : '无'}}
				</view>
			</view>
			
			<!-- 身份证号 -->
			<view class="identityNumber">
				<view class="identityNumber-title">
					身份证号
				</view>
				<view class="identityNumber-number">
					{{information.idCradNumber}}
				</view>
			</view>
			
			<!-- 联系人 -->
			<view class="contact">
				<view class="contact-title">
					联系人
				</view>
				<view class="contact-number">
					{{information.personName}} {{information.personPhone}}
				</view>
			</view>
			
			<!-- 家庭住址 -->
			<view class="homeAddress">
				<view class="homeAddress-title">
					家庭住址
				</view>
				<view class="homeAddress-number">
					{{information.province}} {{information.city}} {{information.county}} {{information.homeAddress}}
				</view>
			</view>
			
			<!-- 个人身份 -->
			<!-- <view class="personalIdentity">
				<view class="personalIdentity-title">
					个人身份
				</view>
				<view class="personalIdentity-number">
					{{information.identity}}
				</view>
			</view> -->
			
			<!-- 申请人 -->
			<!-- <view class="applicant">
				<view class="applicant-title">
					申请人
				</view>
				<view class="applicant-number">
					{{information.personName}}
				</view>
			</view> -->
			
			<!-- 申请日期 -->
			<view class="dateapplication">
				<view class="dateapplication-title">
					申请日期
				</view>
				<view class="dateapplication-number">
					{{information.createDate}}
				</view>
			</view>
			
			
		</view>
	</view>
</template>

<script>
	import { patientInfo } from "@/api/feixiang/application.js"
export default {
	data() {
		return {
			information:{},  //病人信息
		};
	},
	onLoad(options) {
		this.initdata(options.bedId)
	},
	methods: {
		async initdata(val) {
			const res = await patientInfo(val)
			this.information = res.data.bed
		},
		click() {},
		change() {},
	},
};
</script>

<style scoped>
	.main {
		background-color: #fff;
		padding: 0 20rpx;
	}
	.top-title {
		display: flex;
		align-items: center;
		padding: 20rpx 0;
		font-size: 32rpx;
		border-bottom: 2rpx solid #F7F7F7;
	}
	.top-title-name {
		font-weight: 600;
	}
	.top-title-more {
		color: #00bcb2;
		flex: 1;
		text-align: right;
	}
	.top-content {
		height: 200rpx;
		background-color: #fff;
		font-size: 32rpx;
	}
	.top-content>view {
		border-bottom: 4rpx solid #F7F7F7;
		padding-bottom: 20rpx;
		padding-top: 20rpx;
	}
	.participationStatus {
		display: flex;
		justify-content: space-between;
		margin: 20rpx 0;
	}
	.participationStatus-title {
		color: #777;
	}
	.numbering {
		display: flex;
		justify-content: space-between;
		margin: 20rpx 0;
	}
	.numbering-title {
		color: #777;
	}
	.identityNumber {
		display: flex;
		justify-content: space-between;
		margin: 20rpx 0;
	}
	.identityNumber-title {
		color: #777;
	}
	.contact {
		display: flex;
		justify-content: space-between;
		margin: 20rpx 0;
	}
	.contact-title {
		color: #777;
	}
	.homeAddress {
		display: flex;
		justify-content: space-between;
		margin: 20rpx 0;
	}
	.homeAddress-title {
		color: #777;
	}
	.personalIdentity {
		display: flex;
		justify-content: space-between;
		margin: 20rpx 0;
	}
	.personalIdentity-title {
		color: #777;
	}
	.applicant {
		display: flex;
		justify-content: space-between;
		margin: 20rpx 0;
	}
	.applicant-title {
		color: #777;
	}
	.dateapplication {
		display: flex;
		justify-content: space-between;
		margin: 20rpx 0;
	}
	.dateapplication-title {
		color: #777;
	}
</style>